@extends('home.layout')
@section('content')
<div class="search">
    <section class="container">
        <form>
            <div class="search-wrapper">
                <div class="input-holder">
                    <input type="text" class="search-input" placeholder="Movie to search" />
                    <button class="search-icon"><span id="sou" class="fa fa-search"></span></button>
                </div>
            </div>
        </form>
    </section>
</div>
<!-- lunbo START -->
<lunbo>
    <!-- 开始页面容器 -->  
    <div  class="page-container">
        <!-- 开始运行滑块 -->    
        <div class="fullwidthbanner-container slider-main">
            <div class="fullwidthabnner">
                <ul id="revolutionul" style="display:none;">            
                        <li data-transition="fade" data-slotamount="8" data-masterspeed="300" data-delay="6400" >
                            <a href="#"> <img src="/home/images/lunbo/1.jpg" alt=""></a>   
                        </li>
                        <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-delay="6400" >
                            <a href="#"><img src="/home/images/lunbo/2.jpg" alt=""></a>
                        </li>
                        <li data-transition="fade" data-slotamount="8" data-masterspeed="300" data-delay="6400" >
                               <a href="#"><img src="/home/images/lunbo/3.jpg" alt=""></a>
                        </li>  
                        <li data-transition="fade" data-slotamount="8" data-masterspeed="300" data-delay="6400" >
                            <a href="#"><img src="/home/images/lunbo/4.jpg" alt=""></a>                        
                        </li>
                </ul>
                <!-- <div class="tp-bannertimer tp-bottom"></div> --><!--进度条-->
            </div>
        </div>
        <!-- END  运行滑块 -->
    </div>
    <!-- END 页面内容 -->
</lunbo>
<!-- lunbo END -->
<div class="con">
    <!-- 时光精选 -->
    <div class="siftcon">
        <div class="sift">
            <h4 class="customtitle">时光精选</h4>
            <div class="customnav">
                <i></i>
                <dl id="siftMenu">
                    <dd>
                        <a href="#">
                            时光电影TOP100
                        </a>
                    </dd>
                    <dd>
                        <a href="#">
                            观影指南
                        </a>
                    </dd>
                    <dd>
                       <a href="#">
                            获奖佳片
                        </a>
                    </dd>
                    <dd>
                       <a href="#">
                            特约影评
                        </a>
                    </dd>
                    <dd>
                       <a href="#">
                            卡片大富翁
                        </a>
                    </dd>
                    <dd>
                       <a href="#">
                            电影猜猜猜
                        </a>
                    </dd>
                </dl>
            </div>
        </div>
        <!-- sift content -->
        <div class="siftContent">
            <!-- 预告 -->
            <div class="selection">
               <div class="prevue">
                   <div class="seer">
                       <span style="font-weight:bold; font-size:22px;">新片预告</span>
                        <a style="float:right;color:#fff;" href="#">更多<span class="fa fa-angle-right"></span></a>
                    </div>
                    <div class="bigPrevue">
                        <img width="100%" height="" src="/home/images/news/2.jpg">
                        <i></i>
                        <h3 style="margin-top:30px">
                            <a href="#">《夜色人生》首支预告 小本走上黑帮不归路</a>
                        </h3>
                        <h4 style="margin:10px; margin-top:30px">2017.1.13美国 上映</h4>
                    </div>
                    <div class="smallPrevue">
                        <a href="#">
                            <div class="siftMV">
                                <img width="190" height="130" src="/home/images/news/2.jpg">
                                <i id="one" class="MV"></i>
                                <strong id="strongOne">《七月与安生》曝主题曲mv</strong>
                                <b id="bOne">2016.9.14中国 上映</b>
                            </div>
                        </a>
                        <a href="#">
                            <div class="siftMV">
                                <img width="190" height="130" src="/home/images/news/2.jpg">
                                <i id="two" class="MV"></i>
                                <strong id="strongTwo">《七月与安生》曝主题曲mv</strong>
                                <b id="bTwo">2016.9.14中国 上映</b>
                            </div>
                        </a>
                        <a href="#">
                            <div class="siftMV">
                                <img width="190" height="130" src="/home/images/news/2.jpg">
                                <i id="three" class="MV"></i>
                                <strong id="strongThree">《七月与安生》曝主题曲mv</strong>
                                <b id="bThree">2016.9.14中国 上映</b>
                            </div>
                        </a>
                    </div>
               </div> 
               <!-- 指南 -->
               <div class="guide">
                   <h4>观影指南</h4>
                   <a href="#" title="九月内地影市前瞻">
                        <div id="look">
                            <img width="100%" src="/home/images/movie/9.png">
                        </div>
                   </a>
                   <dl id="hot-rank" class="mainguide">
                       <dt>
                            <span>影片名</span>
                            <span>时光热度排名</span>
                        </dt>
                        <dd class="odd">
                            <span class="moviename">
                                <a href="#">
                                    大话西游3
                                </a>
                            </span>
                            <span class="moviectrl">
                                <a class="btnctrl on" href="#">
                                    预售
                                </a>
                            </span>
                            <span class="movierank">
                                01
                                <i title="持平">-</i>
                            </span>
                        </dd>
                        <dd class="odd">
                            <span class="moviename">
                                <a href="#">
                                    追凶者也
                                </a>
                            </span>
                            <span class="moviectrl">
                                <a class="btnctrl on" href="#">
                                    预售
                                </a>
                            </span>
                            <span class="movierank">
                                02
                                <i title="上升" class="fa fa-long-arrow-up"></i>
                            </span>
                        </dd>
                        <dd class="odd" style="background:#F5F5F5;">
                            <span class="moviename">
                                <a href="#">
                                    反贪风暴2
                                </a>
                            </span>
                            <span class="moviectrl">
                                <a class="btnctrl on" href="#">
                                    预售
                                </a>
                            </span>
                            <span class="movierank">
                                03
                                <i title="上升" class="fa fa-long-arrow-up"></i>
                            </span>
                        </dd>
                        <dd class="odd">
                            <span class="moviename">
                                <a href="#">
                                    爵迹
                                </a>
                            </span>
                            <span class="moviectrl">
                                <a class="btnctrl on" href="#">
                                    预售
                                </a>
                            </span>
                            <span class="movierank">
                                04
                                <i title="上升" class="fa fa-long-arrow-up"></i>
                            </span>
                        </dd>
                        <div class="rf">
                            <a href="#">更多 <span class="fa fa-angle-right"></span></a>
                        </div>
                   </dl>
               </div>
            </div>
        </div>
    </div>
    <!-- 特色榜单 -->
    <div class="feature">
        <div class="featureLeft">
            <div class="mlist">
                <div class="seer">
                    <span style="font-weight:bold; font-size:22px;color:#000">特色榜单</span>
                    <a style="float:right;color:#000;" href="#">更多<span class="fa fa-angle-right"></span></a>
                </div>
                <!-- 特色榜单图片 -->
                <div>
                    <ul>
                        <li>
                            <dl class="mlistpic">
                                <dt>
                                    <a href="#">
                                        <img width="250" height="170" src="/home/images/movie/1.jpg">
                                    </a>
                                </dt>
                                <dd>
                                    <a href="#">
                                        <img width="110" height="80" src="/home/images/movie/2.jpg">
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img width="110" height="80" src="/home/images/movie/3.jpg">
                                        <strong><i>50</i>部电影 ></strong>
                                    </a>
                                </dd>
                            </dl>
                            <b>
                                <a href="#">21世纪至今最好的50部外语片</a>
                            </b>
                        </li>
                        <li>
                            <dl class="mlistpic">
                                <dt>
                                    <a href="#">
                                        <img width="250" height="170" src="/home/images/movie/1.jpg">
                                    </a>
                                </dt>
                                <dd>
                                    <a href="#">
                                        <img width="110" height="80" src="/home/images/movie/2.jpg">
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img width="110" height="80" src="/home/images/movie/3.jpg">
                                        <strong><i>50</i>部电影 ></strong>
                                    </a>
                                </dd>
                            </dl>
                            <b>
                                <a href="#">21世纪至今最好的50部外语片</a>
                            </b>
                        </li>
                        <li>
                            <dl class="mlistpic">
                                <dt>
                                    <a href="#">
                                        <img width="250" height="170" src="/home/images/movie/1.jpg">
                                    </a>
                                </dt>
                                <dd>
                                    <a href="#">
                                        <img width="110" height="80" src="/home/images/movie/2.jpg">
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img width="110" height="80" src="/home/images/movie/3.jpg">
                                        <strong><i>50</i>部电影 ></strong>
                                    </a>
                                </dd>
                            </dl>
                            <b>
                                <a href="#">21世纪至今最好的50部外语片</a>
                            </b>
                        </li>
                        <li>
                            <dl class="mlistpic">
                                <dt>
                                    <a href="#">
                                        <img width="250" height="170" src="/home/images/movie/1.jpg">
                                    </a>
                                </dt>
                                <dd>
                                    <a href="#">
                                        <img width="110" height="80" src="/home/images/movie/2.jpg">
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img width="110" height="80" src="/home/images/movie/3.jpg">
                                        <strong><i>50</i>部电影 ></strong>
                                    </a>
                                </dd>
                            </dl>
                            <b>
                                <a href="#">21世纪至今最好的50部外语片</a>
                            </b>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 票房 -->
        <div class="featureRight">
            <h4>电影票房</h4>
            <hr style="color:#ccc;">
            <div class="boxList">
                <ul>
                    <li class="boxMovie">
                        <dl class="boxMV">
                            <dt>01</dt>
                            <dd class="MVpic">
                                <a href="">
                                    <img width="90" height="112" src="/home/images/movie/4.jpg">
                                </a>
                                <i class="score">7.6</i>
                            </dd>
                            <dd class="MVtext">
                                <h5>
                                    <a href="#">星际迷航3</a>
                                </h5>
                                <p>
                                    日票房：1958.0万
                                </p>
                                <p>
                                    累计：3.20亿
                                </p>
                                <p>
                                    单位：元
                                </p>
                            </dd>
                        </dl>
                    </li>
                    <li class="boxMovie">
                        <dl class="boxMV">
                            <dt>01</dt>
                            <dd class="MVpic">
                                <a href="">
                                    <img width="90" height="112" src="/home/images/movie/4.jpg">
                                </a>
                                <i class="score">7.6</i>
                            </dd>
                            <dd class="MVtext">
                                <h5>
                                    <a href="#">星际迷航3</a>
                                </h5>
                                <p>
                                    日票房：1958.0万
                                </p>
                                <p>
                                    累计：3.20亿
                                </p>
                                <p>
                                    单位：元
                                </p>
                            </dd>
                        </dl>
                    </li>
                    <li class="boxMovie">
                        <dl class="boxMV">
                            <dt>01</dt>
                            <dd class="MVpic">
                                <a href="">
                                    <img width="90" height="112" src="/home/images/movie/4.jpg">
                                </a>
                                <i class="score">7.6</i>
                            </dd>
                            <dd class="MVtext">
                                <h5>
                                    <a href="#">星际迷航3</a>
                                </h5>
                                <p>
                                    日票房：1958.0万
                                </p>
                                <p>
                                    累计：3.20亿
                                </p>
                                <p>
                                    单位：元
                                </p>
                            </dd>
                        </dl>
                    </li>
                </ul>
                <p>
                    <a style="color:#333" href="#">
                        更多<span class="fa fa-angle-right"></span>
                    </a>
                </p>
            </div>
        </div>
    </div>
    <!-- 热门评论 -->
    <div class="comment">
        <div class="commentLeft">
            <div class="seer">
                <span style="font-weight:bold; font-size:22px;color:#000">热门影评</span>
                <a style="float:right;color:#000;" href="#">更多<span class="fa fa-angle-right"></span></a>
            </div>
            <div class="commentArea">
                <div class="areaLeft">
                    <img width="100%" src="/home/images/comment/1.jpg">
                    <p>
                        <a href="#">蓝雨星辰</a>
                        <span>评</span>
                        <a href="#">沙滩</a>
                        <i>7.0</i>
                    </p>
                    <h4>
                        <a href="#">
                            比“妈和老婆落水”更难抉择的问题
                        </a>
                    </h4>
                    <p class="describe1">
                        <i></i>
                        <span>看到昔日的S女王不再模特般大秀身材，而是先被鲨鱼整得狼狈不堪、然后逆袭独自对抗鲨鱼之后，竟对这部电影有了蠢蠢欲动的期待</span>
                    </p>
                </div>
                <div class="areaRight">
                    <ul>
                        <li class="commentsmod">
                            <a href="#">
                                <img width="80" height="120" src="/home/images/comment/2.jpg">
                            </a>
                            <a href="#">
                                <i></i>
                                真正的先锋，必然刺痛现实。看完《长江图》，现实疼了吗？显然没有。咕嘟咕嘟的一锅大鸡汤罢了。
                            </a>
                            <p class="describemovie">
                               <a style="color:#333" href="#">
                                   马庆云
                               </a> 
                               &nbsp;&nbsp;评&nbsp;&nbsp;《
                               <a href="#">长江图</a>
                                》&nbsp;&nbsp;
                               <i>6.0</i>
                            </p>
                        </li>
                        <li class="commentsmod">
                            <a href="#">
                                <img width="80" height="120" src="/home/images/comment/2.jpg">
                            </a>
                            <a href="#">
                                <i></i>
                                真正的先锋，必然刺痛现实。看完《长江图》，现实疼了吗？显然没有。咕嘟咕嘟的一锅大鸡汤罢了。
                            </a>
                            <p class="describemovie">
                               <a style="color:#333" href="#">
                                   马庆云
                               </a> 
                               &nbsp;&nbsp;评&nbsp;&nbsp;《
                               <a href="#">长江图</a>
                                》&nbsp;&nbsp;
                               <i>6.0</i>
                            </p>
                        </li>
                        <li class="commentsmod">
                            <a href="#">
                                <img width="80" height="120" src="/home/images/comment/2.jpg">
                            </a>
                            <a href="#">
                                <i></i>
                                真正的先锋，必然刺痛现实。看完《长江图》，现实疼了吗？显然没有。咕嘟咕嘟的一锅大鸡汤罢了。
                            </a>
                            <p class="describemovie">
                               <a style="color:#333" href="#">
                                   马庆云
                               </a> 
                               &nbsp;&nbsp;评&nbsp;&nbsp;《
                               <a href="#">长江图</a>
                                》&nbsp;&nbsp;
                               <i>6.0</i>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="commentRight">
            <h4>社区活动</h4>
            <div class="actlist">
                <a href="#">
                    <i>有奖征文</i>
                    <img src="/home/images/community/1.jpg" height="150" width="228">
                </a>
                <div class="actcont">
                    <h4>
                        <a href="#">服装——穿得好才能演得好</a>
                    </h4>
                    <p class="acttime">
                        <i></i>&nbsp;&nbsp;09月01日&nbsp;&nbsp;15:00
                    </p>
                    <p class="actinfo">
                        服装与电影从来都是一对双生花，从一个舞台到另一个舞台，服装就像无声语言，透过银幕，绽放华美生命。
                    </p>
                    <p class="actbtn">
                        <a href="#">我参加</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- 广告位2 -->
    <div class="ad">
        <div class="adPic">
            <img width="1000" height="80" src="/home/images/ad/ad1.png">
        </div>
    </div>
    <!-- 全球拾取 -->
    <div class="collect">
        <h3 style="margin-top:0;margin-bottom:20px;">今日推荐</h3>
        <div class="newslist">
            <dl class="fixx">
                @foreach($data[0] as $value)
                <dd>
                    <div class="newsitem">
                        <a class="imgbox" href="{{ url('/home/movie/details') }}/{{ $value -> id }}">
                            <img src="{{ url($value -> photo) }}" style="width:100%;height:100%;">
                        </a>
                        <h3>
                            <a href="{{ url('/home/movie/details') }}/{{ $value -> id }}">
                                {{ $value -> name }}
                            </a>
                        </h3>
                        <p class="describe">
                            <a href="{{ url('/home/movie/details') }}/{{ $value -> id }}">
                                <div style="width:17em;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;">
                                {{ $value -> synopsis }}
                                </div>
                            </a>
                        </p>
                    </div>
                </dd>
                @endforeach
            </dl>
            <dl name="more1" style="display:none;" class="fixx">
            @foreach($data[1] as $value)
                <dd>
                    <div class="newsitem">
                        <a class="imgbox" href="{{ url('/home/movie/details') }}/{{ $value -> id }}">
                            <img src="{{ url($value -> photo) }}" style="width:100%;height:100%;">
                        </a>
                        <h3>
                            <a href="{{ url('/home/movie/details') }}/{{ $value -> id }}">
                                {{ $value -> name }}
                            </a>
                        </h3>
                        <p class="describe">
                            <a href="{{ url('/home/movie/details') }}/{{ $value -> id }}">
                                <div style="width:17em;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;">
                                {{ $value -> synopsis }}
                                </div>
                            </a>
                        </p>
                    </div>
                </dd>
            @endforeach
            </dl>
            <dl name="more2" style="display:none;" class="fixx">
            @foreach($data[2] as $value)
                <dd>
                    <div class="newsitem">
                        <a class="imgbox" href="{{ url('/home/movie/details') }}/{{ $value -> id }}">
                            <img src="{{ url($value -> photo) }}" style="width:100%;height:100%;">
                        </a>
                        <h3>
                            <a href="{{ url('/home/movie/details') }}/{{ $value -> id }}">
                                {{ $value -> name }}
                            </a>
                        </h3>
                        <p class="describe">
                            <a href="{{ url('/home/movie/details') }}/{{ $value -> id }}">
                                <div style="width:17em;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;">
                                {{ $value -> synopsis }}
                                </div>
                            </a>
                        </p>
                    </div>
                </dd>
            @endforeach
            </dl>
        </div>
        <!-- 查看更多全球拾取 -->
        <div class="lookmore">
            <p>
                <a id="newlist">加载更多</a>
                <a id="newlist1" style="display:none;margin-left:420px;">加载更多</a>
                <a href="{{ url('/home/movie') }}" id="newlist2" style="display:none;margin-left:420px;">查看更多</a>

            </p>
        </div>
        <script type="text/javascript">

            $('#newlist').click(function()
                {

                    $('dl[name=more1]').css('display', 'block');
                    $(this).css('display', 'none');
                    $('#newlist1').css('display', 'block');

                });

            $('#newlist1').on('click', function()
                {
                    $('dl[name=more2]').css('display', 'block');
                    $(this).css('display', 'none');
                    $('#newlist2').css('display', 'block');
                });
            

        </script>
    </div>
    <!-- 广告位3 -->
    <div class="ad">
        <div class="adPic">
            <img width="1000" height="80" src="/home/images/ad/ad1.png">
        </div>
    </div>
</div>

@endsection